@extends("admin.public.layout")

@section("content")

    <div class="container-xxl flex-grow-1 container-p-y">



        <div class="card">
            <div class="card-header">
            <div class="row">
                <div class="col-md-10">
                    <h5 class="card-header">{{$pageName}}</h5>
                </div>
                <div class="col-md-2">
                    <a class="btn btn-primary" href="{{route("adminMusicParagraphCreate", ["musicId" => $musicId])}}">添加段落</a>
                </div>
            </div>
            </div>
            <div class="card-body">
            <div class="table-responsive text-nowrap">
                <table class="table">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>音乐段落名</th>
                        <th>音乐段落文件</th>
                        <th>音乐段落排序</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody class="table-border-bottom-0">


                    @foreach($models as $model)
                        <tr>
                            <td>{{$model->id}}</td>
                            <td>{{$model->music_paragraph_name}}</td>
                            <td>{{$model->music_paragraph_file}}</td>
                            <td>{{$model->music_paragraph_order}}</td>
                            <td>
                                <a class="btn btn-primary" href="{{route("adminMusicParagraphEdit", ['id' =>$model->id])}}"><i class="ti ti-pencil me-1"></i> 编辑</a>

                                <a class="btn btn-primary" href="{{route("adminMusicParagraphDelete",['id' =>$model->id])}}"><i class="ti ti-trash me-1"></i> 删除</a>

                                <a class="btn btn-primary" href="{{route("adminMusicParagraphDelete",['id' =>$model->id])}}"><i class="ti ti-trash me-1"></i> 段落配置</a>

                            </td>
                        </tr>
                    @endforeach

                    </tbody>
                </table>
            </div>

            </div>
        </div>
    </div>
    <!-- / Content -->

@endsection
